<template>
    <h2>添加页面</h2>
    <table>
        <tr>
            <td>
                借款款项名称
            </td>
            <td>
                <input type="text" v-model="R_Name" id="R_Name">
            </td>
        </tr>
        <tr>
            <td>
                借款最高金额
            </td>
            <td>
                <input type="text" v-model="R_Max" id="R_Max">
            </td>
        </tr>
        <tr>
            <td>
                借款最高年限
            </td>
            <td>
                <input type="text" v-model="R_Year" id="R_Year">
            </td>
        </tr>
        <tr>
            <td>
                利息编号
            </td>
            <td>
                <select v-model="I_Id">
                    <option value="0">--请选择--</option>
                    <option v-for="item in data" :value="item.I_Id">{{ item.I_Interest }}</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>
                借款款项简介
            </td>
            <td>
                <textarea v-model="R_Dess" id="R_Dess"></textarea>
            </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <input type="button" value="添加" @click="add">
            </td>
        </tr>

    </table>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { onMounted } from 'vue';
import axios from 'axios';

const data = ref([]);

const R_Name = ref('');
const R_Max = ref();
const R_Year = ref('');
const I_Id = ref(0);
const R_Dess = ref('');
onMounted(() => {
    axios.get('http://localhost:52545/api/Demo/Bind')
        .then(res => {
            data.value = res.data;
        })
        .catch(error => {
            console.log(error);
        })
})

const add = () => {
    //数字判断
    if (isNaN(R_Max.value)) {
        alert("借款金额只能为数字");
        return;
    }
    //必须大于0
    if (R_Max.value <= 0) {
        alert("借款金额必须大于0");
        return;
    }
    //文本框非空
    if (!R_Name.value) {
        alert("借款款项名称不能为空");
        return;
    }
    if (!R_Max.value) {
        alert("借款最大金额不能为空");
        return;
    }
    if (!R_Year.value) {
        alert("借款最高年限不能为空");
        return;
    }
    axios.post('http://localhost:52545/api/Demo/Add', {
        R_Name: R_Name.value,
        R_Max: R_Max.value,
        R_Year: R_Year.value,
        I_Id: I_Id.value,
        R_Dess: R_Dess.value
    })
        .then(res => {
            if (res.data > 0) {
                alert("添加成功");
                location.href = '/RShow'
                return;
            }
            else {
                alert("添加失败");
            }
        })


}
</script>